
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="../css/123.css">
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">
		
		
		
		 <link rel="stylesheet" type="text/css" href="../css/city-picker.css">
		    <link rel="stylesheet" type="text/css" href="../css/main.css">
		<link rel="stylesheet" href="../css/comm_top.css">
		<link rel="stylesheet" href="../css/comm_font.css">
		<script src="../js/iconfont.js"></script>
		
	</head>
	<body>
		<!-- 头部 -->
		<div class="all-top">
			<div class="w1200">
				<!-- 左边 -->
				<div class="fl">
					<div class="map fl">
						<svg class="icon" aria-hidden="true">
							<use xlink:href="#icon-icon-map"></use>
						</svg>
						<span>北京市</span>
						<div class="dingwei">
							<div class="ding-title">
								<a href="">苏州市</a>
								<a href="">北京市</a>
								<a href="">天津市</a>
								<a href="">上海市</a>
							</div>
						</div>
					</div>
		
					<div class="top-fl-tex">
						<a href="login.html" class="red">请登录</a>
						<a href="register.html">免费注册</a>
					</div>
				</div>
				<ul class="fr">
					<li>
						<a href="">我的订单</a>
					</li>
					<li class="spacer">|</li>
					<li>
						<a href="">我的浏览</a>
					</li>
					<li class="spacer">|</li>
					<li>
						<a href="">我的收藏</a>
					</li>
					<li class="spacer">|</li>
					<li>
						<a href="">客户服务</a>
					</li>
					<li class="spacer">|</li>
					<li>
						<div>网站导航
							<i></i>
						</div>
						<div class="daohang">
							<dl class="fore1 fl">
								<dt>特色主题</dt>
								<dd class="fl">
									<a href="">男装女装</a>
									<a href="">鞋靴箱包</a>
								</dd>
							</dl>
							<dl class="fore2 fl">
								<dt>促销活动</dt>
								<dd class="fl">
									<a href="">拍卖活动</a>
									<a href="">共创商品</a>
									<a href="">积分商城</a>
									<a href="">CMS频道</a>
									<a href="">优惠活动</a>
									<a href="">超值礼包</a>
									<a href="">优惠券</a>
									<a href="">礼品卡</a>
									<a href="">预售商品</a>
								</dd>
							</dl>
						</div>
					</li>
		
				</ul>
			</div>
		</div>
		<!-- 探索头部 -->
		<div class="header">
			<div class="w1200 w">
				<div class="logo fl">
					<a href="../index.html">
						<img src="https://x.dscmall.cn/storage/images/common/shop_logo.gif" alt="">
					</a>
				</div>
				<div class="header-search fl">
					<form action="">
						<input type="text" value="Five Plus" class="search-con" style="height: 14px;">
						<button type="submit" class="button-goods">搜商品</button>
						<button type="submit" class="button-store">搜店铺</button>
						<div class="keyword fl">
							<a href="#">周大福</a>
							<a href="#">内衣</a>
							<a href="#">Five Plus</a>
							<a href="#">手机</a>
						</div>
					</form>
				</div>
				<div class="my-shopCart fr">
					<a href="">
						<img src="../imgs/01_gwc.png" alt="">
						<span>我的购物车</span>
						<em>0</em>
					</a>
					<div class="prompt">
						<img src="../img/01_wuwu.png" alt="">
						<span>购物车中还没有商品，赶紧选购吧！</span>
					</div>
				</div>
			</div>
		</div>
		
		<div class="max">
			<div class="max-nav">
				<div class="max-nav-left">
					<div class="max-top-t">
						
					</div>
					<div class="max-top-c">
						<div class="mtc-img">
							
						</div>
					</div>
					<div class="max-top-b">
						<div>
							<p><input type="checkbox"> 对比<span class="hx">|</span></p>
							<p id="SCSCSD"><input type="checkbox"> 收藏<span class="hx">|</span></p>
						</div>
						<p>举报</p>

					</div>
					<div class="max-mask">
						
					</div>
				</div>
				<div class="max-nav-right">
				
				</div>
				<div class="max-right">
					<div class="klyk">看了又看</div>
					<div class="kh-max">
						<!-- 轮播图大盒子 -->
						<ul class="kougong">
							<li style="height: 180px;"><img src="../img/f1.jpg" alt="">
								<p>Maybelline/美宝莲好气色水</p>
								<span class="may-price">$100.00</span>
							</li>
							<li style="height: 180px;"><img src="../img/f1.jpg" alt="">
								<p>Maybelline/美宝莲好气色水</p>
								<span class="may-price">$100.00</span>
							</li>
							<li style="height: 180px;"><img src="../img/f1.jpg" alt="">
								<p>Maybelline/美宝莲好气色水</p>
								<span class="may-price">$100.00</span>
							</li>

							<div class="up-down">
								<span class="up-son"><i class="bi bi-chevron-up"></i></span>
								<span class="down-son"><i class="bi bi-chevron-down"></i></span>
							</div>
						</ul>
					</div>
				</div>
				<!-- 配送 -->

			</div>
		</div>
		<div class="maxTwo">
			<!-- 第二盒子版心 -->
			<div class="maxTwo-nav">
				<div class="maxT-left">
					<div class="sczy">
						<div>商创自营</div>
						<div class="sczy-right"></div>
					</div>
					<div class="sczy-down-t"><img src="../img/pico.jpg" alt=""></div>
					<div class="xgfl">
						<div>相关分类</div>
					</div>
					<ul class="xgfl-son">
						<li><a href="javascript:0;">CPU</a></li>
						<li><a href="javascript:0;">主板</a></li>
						<li><a href="javascript:0;">显卡</a></li>
						<li><a href="javascript:0;">硬盘</a></li>
						<li><a href="javascript:0;">SSD卡</a></li>
						<li><a href="javascript:0;">主板</a></li>
						<li><a href="javascript:0;">硬盘</a></li>
						<li><a href="javascript:0;">硬盘</a></li>
						<li><a href="javascript:0;">主板</a></li>
					</ul>
		
					<div class="xgfl">
						<div>同类其他品牌</div>
					</div>
					<ul class="xgfl-son">
						<li style="height: 17px; line-height: 16px;"><a href="javascript:0;">匹克拍</a></li>
					</ul>
					<div class="xprxtj-max">
						<div class="xp-max">新品</div>
						<div class="rx-max">热销</div>
						<div class="tj-max">推荐</div>
					</div>
					<div class="xp-son">
						<div class="xuhao">
							<div class="xuhao-l">
								<div class="sprit"></div>
								<div class="sprit-xh" style="background-color: #f42424;">1</div>
								<div class="sprit-xh" style="background-color: #f42424;">2</div>
								<div class="sprit-xh" style="background-color: #f42424;">3</div>
								<div class="sprit-xh">4</div>
								<div class="sprit-xh">5</div>
								<div class="sprit-xh">6</div>
								<div class="sprit-xh">7</div>
								<div class="sprit-xh">8</div>
								<div class="sprit-xh">9</div>
								<div class="sprit-xh">10</div>
							</div>
						</div>
						<ul class="xuhao-r">
							<li>
								<p><img src="../img/mb1.jpg" alt=""></p>
								<p style="font-size: 12px;">测试1</p>
								<p class="ce-price">¥100.0</p>
							</li>
							<li>
								<p><img src="../img/mb2.jpg" alt=""></p>
								<p style="font-size: 12px;">测试1</p>
								<p class="ce-price">¥100.0</p>
							</li>
							<li>
								<p><img src="../img/f1.jpg" alt=""></p>
								<p style="font-size: 12px;">测试1</p>
								<p class="ce-price">¥100.0</p>
							</li>
							<li>
								<p><img src="../img/f2.jpg" alt=""></p>
								<p style="font-size: 12px;">测试1</p>
								<p class="ce-price">¥100.0</p>
							</li>
							<li>
								<p><img src="../img/f1.jpg" alt=""></p>
								<p style="font-size: 12px;">测试1</p>
								<p class="ce-price">¥100.0</p>
							</li>
							<li>
								<p><img src="../img/f2.jpg" alt=""></p>
								<p style="font-size: 12px;">测试1</p>
								<p class="ce-price">¥100.0</p>
							</li>
							<li>
								<p><img src="../img/mb1.jpg" alt=""></p>
								<p style="font-size: 12px;">测试1</p>
								<p class="ce-price">¥100.0</p>
							</li>
							<li>
								<p><img src="../img/mb2.jpg" alt=""></p>
								<p style="font-size: 12px;">测试1</p>
								<p class="ce-price">¥100.0</p>
							</li>
							<li>
								<p><img src="../img/f1.jpg" alt=""></p>
								<p style="font-size: 12px;">测试1</p>
								<p class="ce-price">¥100.0</p>
							</li>
							<li>
								<p><img src="../img/da-t.jpg" alt=""></p>
								<p style="font-size: 12px;">测试1</p>
								<p class="ce-price">¥100.0</p>
							</li>
						</ul>
					</div>
					<!--  -->
					<div class="zjll">
						<div>最近浏览<span class="dele-sp">清空</span></div>
					</div>
					<ul class="zjll-son">
						<li>
							<p><img src="../img/zjllx1.jpg" alt=""></p>
							<p class="Razer"><a href="javascript:0;">合生元Razer雷蛇 雨林狼蛛幻彩版 Ornata Chroma 机械式薄膜</a></p>
							<p class="zjll-price">¥500.00</p>
						</li>
		
		
					</ul>
				</div>
		
				<div class="maxT-right">
					<div class="maxT-r-one">
						<ul class="sp-max">
							<li>商品详细</li>
							<li>用户评论(<span class="yhpl-num">0</span>)</li>
							<li>网友讨论圈</li>
						</ul>
						<div class="sjgm-j">
							<p>手机购买 <i class="bi bi-qr-code"></i></p>
							<p class="jygwc"><a href="javascript:0;" style="color: aliceblue;">加入购物车</a></p>
						</div>
					</div>
					<div class="spxx-son">
		
						<div>
							<p>商品详细</p>
						</div>
						<div class="sp-hsy">
							<p class="sp-hsy-one">
								<span>商品名称：合生元Razer雷蛇 雨林狼蛛幻彩版Ornata Chrom</span>
								<span>商品编号 ：ECS000617</span>
								<span>店铺：商创自营</span>
								<span>重量：0.012千克</span>
							</p>
							<p class="sp-hsy-two">
								上架时间：2017-03-10 14:14:31
							</p>
						</div>
						<p class="dac-maxT"><img src="../img/dac1.jpg" alt=""></p>
		
					</div>
					<ul class="wytlq">
						<div>网友讨论圈</div>
						<li style="color: #f42424;">全部帖子(0)</li>
						<li>西单帖(0)</li>
						<li>讨论帖(0)</li>
						<li>问答帖(0)</li>
						<li>圈子帖(0)</li>
					</ul>
					<div class="zutH">
						<div class="zutH-top">
							<div class="zt-son1">主题</div>
							<div class="zt-son2">回复</div>
							<div class="zt-son2">浏览</div>
							<div class="zt-son2">作者</div>
							<div class="zt-son2">时间</div>
						</div>
						<div class="zwtlt">
							<p></p>
							<p>暂无讨论帖</p>
						</div>
					</div>
					<div class="djllqb">
						<span>点击浏览全部<i class="bi bi-chevron-right"></i></span>
					</div>
				</div>
			</div>
		</div>
		<div class="maxThree">
			<div class="maxThree-nav">
				<div class="max3-top"><span>猜你喜欢</span></div>
				<ul class="caini">
					<li>
						<img src="../img/ca1.jpg" alt="">
						<p class="cn-cs">测试1</p>
						<p class="cn-son-price">￥<span>68.00</span></p>
					</li>
					<li>
						<img src="../img/ca2.jpg" alt="">
						<p class="cn-cs">测试1</p>
						<p class="cn-son-price">￥<span>68.00</span></p>
					</li>
					<li>
						<img src="../img/ca3.jpg" alt="">
						<p class="cn-cs">测试1</p>
						<p class="cn-son-price">￥<span>68.00</span></p>
					</li>
					<li>
						<img src="../img/ca4.jpg" alt="">
						<p class="cn-cs">测试1</p>
						<p class="cn-son-price">￥<span>68.00</span></p>
					</li>
					<li>
						<img src="../img/ca5.jpg" alt="">
						<p class="cn-cs">金奥力红叶伞遮阳伞防紫外线黑胶防晒晴雨两用太阳伞女糖果色折叠雨伞大 黑胶防晒 晴雨两用 糖果色 都市</p>
						<p class="cn-son-price">￥<span>68.00</span></p>
					</li>
				</ul>
			</div>
		
		</div>
		<!-- 底部 -->
		<div id="cbox">
			<div class="ctop">
				<ul id="ctopul">
					<li class="ctopli"><i class="i1"></i><span>七天包换</span></li>
					<li class="ctopli"><i class="i2"></i><span>正品保障</span></li>
					<li class="ctopli"><i class="i3"></i><span>好评如潮</span></li>
					<li class="ctopli"><i class="i4"></i><span>闪电发货</span></li>
					<li class="ctopli"><i class="i5"></i><span>权威荣誉</span></li>
					<li class="ctopli"><i class="i6"></i><span>4001-021-221</span></li>
					<li class="ctopli"><i class="i7"></i><span>咨询客服</span></li>
				</ul>
			</div>
			<div class="cbnt">
				<div class="cbtop">
					<ul>
						<li>新手上路</li>
						<li><a href="#">售后流程</a></li>
						<li><a href="#">购物流程</a></li>
						<li><a href="#">订阅方式</a></li>
					</ul>
					<ul>
						<li>配送与支付</li>
						<li><a href="#">货到付款区域</a></li>
						<li><a href="#">配送支付智能查询</a></li>
						<li><a href="#">支付方式说明</a></li>
					</ul>
					<ul>
						<li>服务保证</li>
						<li><a href="#">退换货原则</a></li>
						<li><a href="#">售后服务保证</a></li>
						<li><a href="#">产品质量保证</a></li>
					</ul>
					<ul>
						<li>联系我们</li>
						<li><a href="#">网站故障报告</a></li>
						<li><a href="#">选机咨询</a></li>
						<li><a href="#">投诉与建议</a></li>
					</ul>
					<ul>
						<li>会员中心</li>
						<li><a href="#">资金管理</a></li>
						<li><a href="#">我的收藏</a></li>
						<li><a href="#">我的订单</a></li>
					</ul>
					<img src="../imgs/01_comm_font1.jpg" style="width: 100px;" height="100px" alt="">
					<img src="../imgs/01_comm_font2.jpg" alt="">
				</div>
				<div class="cnbnt">
					<ul>
						<li><a href="#">首页</a></li>
						<li><a href="#">隐私保护</a></li>
						<li><a href="#">联系我们</a></li>
						<li><a href="#">免责条款</a></li>
						<li><a href="#">公司简介</a></li>
						<li><a href="#">商家入驻</a></li>
						<li><a href="#">供应商入住</a></li>
						<li><a href="#">意见反馈</a></li>
					</ul>
					<ul>
						<li><a href="#">b2b2c</a></li>
						<li><a href="#">多用户商城系统</a></li>
						<li><a href="#">商城系统</a></li>
						<li><a href="#">ecjia新零售</a></li>
		
					</ul>
					<p>ICP备案证书号:沪ICP备14029880号-5</p>
					<p>版权所有G2005-2021大商创，并保留所有权利。POWERED BY DSCMALL</p>
				</div>
			</div>
		</div>
		<script src="../js/jQuery3.6.0.js"></script>
		 <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
		    <script src="https://huangchanghuan.github.io/city-picker/js/city-picker.data.js"></script>
		<script src="../js/xiangqing.js"></script>
		<script src="../js/city-picker.js"></script>
		<script src="../js/indexjson.js"></script>
		
		<script src="../js/comm_fdj.js"></script>
	</body>
</html>
